<template>
    <p>Parent!!
        <child1 v-bind.sync="someObj" />
    </p>
</template>
<script>
const Child1 = {
    props:{
        name: String,
        address: String,
    },
    methods:{
        changeName(){
            // this.$emit('update:name', 'lifu');
            // this.$emit('update:address', 'guiyang');
            this.$emit('update', {name:'lifu', address:'guiyang'});
        }
    },
    render(){
        return (
            <div>
                <div>name: {this.name}</div>
                <div>address: {this.address}</div>
                <button vOn:click={this.changeName}>change obj</button>
            </div>
        )
    }
}
export default {
    components:{
        Child1,
    },
    data(){
        return {
            someObj:{
                name:'xiao',
                address:'chengdu',
            }
        }
    }
}
</script>